<template>
  <div id="order">
  <div style="margin-top: 6%"></div>
<div id="index">
  <div id="selector_top_input">
    <el-form :inline="true" style="margin-left: 17%">
        <el-form-item label="订单管理">
        </el-form-item>

    </el-form>
  </div>
<!--   <div id="top_input" style="margin-top: 2%;width: 10%;left: 40%">
    <el-input v-model="input" placeholder="请输入内容"></el-input>
  </div>
  <div id="tb" style="margin-top: 10%"> -->
<!-- position：relative absolute
float
块级元素
行内元素 -->



     <el-table
        :data="tableData"
        border
        style="width: 70%;margin: 0 auto;">
        <el-table-column
          fixed
          prop="account"
          label="活动名称"
          width="200">
        </el-table-column>
        <el-table-column
          prop="name"
          label="简介"
          width="300">
        </el-table-column>
        <el-table-column
          prop="operate"

          label="操作"
          width="420">
          <template scope="scope">
            <el-button @click="orderClick = true" type="text" size="middle">查看订单</el-button>
                    <el-dialog title="琪琪活动订单列表" :visible.sync="orderClick">
                      <el-table :data="gridData">
                        <el-table-column property="user" label="用户" width="150"></el-table-column>
                        <el-table-column property="time" label="购买时间" width="200"></el-table-column>
                        <el-table-column property="money" label="金额"></el-table-column>
                      </el-table>
                    </el-dialog>
            <el-button type="text" size="middle">生成订单</el-button>
          </template>
        </el-table-column>
      </el-table>


  </div>
</div>
  </div>
</template>

<script>
  export default {
    name: 'order',
    data(){
return {
        tableData: [{
          account:"hmp",
          name:"aaa",
          province:"bbb"
        }, {
          account:"hmp",
          name:"aaa",
          province:"bbb"
        }, {
          account:"hmp",
          name:"aaa",
          province:"bbb"
        }, {
          account:"hmp",
          name:"aaa",
          province:"bbb"
        }],

        gridData:[{
          user:"hmp",
          time:"2017/8/24",
          money:"1.00$"
        }],
        input: '',
        orderClick: false,

      }
    },
    methods:{
        handleClick() {
        console.log("tabletable~~~~~~~");
      },
      onSubmit() {

      }
    }
  }
</script>

<style scoped>
  #order{

  }
</style>